<table class="table table-hover">
  <thead>
    <tr>
      <th class="text-center{{#orderedByName}} active{{/orderedByName}}"><a href="?orderBy=name&orderDir={{orderDir.name}}{{#searchBarValue}}&q={{searchBarValue}}{{/searchBarValue}}{{#librariesOnly}}&library=true{{/librariesOnly}}{{#isFlagged}}&flagged={{isFlagged}}{{/isFlagged}}">Name</a></th>
      {{^librariesOnly}}<th class="text-center td-fit{{#orderedByInstalls}} active{{/orderedByInstalls}}" title="Installs"><a href="?orderBy=installs&orderDir={{orderDir.install}}{{#searchBarValue}}&q={{searchBarValue}}{{/searchBarValue}}{{#isFlagged}}&flagged={{isFlagged}}{{/isFlagged}}"><span class="visible-lg visible-md">Installs</span><span class="hidden-lg hidden-md"><i class="fa fa-download"></i></a></th>{{/librariesOnly}}
      <th class="text-center td-fit{{#orderedByRating}} active{{/orderedByRating}}" title="Rating"><a href="?orderBy=rating&orderDir={{orderDir.rating}}{{#searchBarValue}}&q={{searchBarValue}}{{/searchBarValue}}{{#librariesOnly}}&library=true{{/librariesOnly}}{{#isFlagged}}&flagged={{isFlagged}}{{/isFlagged}}"><span class="visible-lg visible-md">Rating</span><span class="hidden-lg hidden-md"><i class="fa fa-heartbeat"></i></span></a></th>
      <th class="text-center td-fit{{#orderedByUpdated}} active{{/orderedByUpdated}}" title="Updated"><a href="?orderBy=updated&orderDir={{orderDir.updated}}{{#searchBarValue}}&q={{searchBarValue}}{{/searchBarValue}}{{#librariesOnly}}&library=true{{/librariesOnly}}{{#isFlagged}}&flagged={{isFlagged}}{{/isFlagged}}"><span class="visible-lg visible-md">Updated</span><span class="hidden-lg hidden-md"><i class="fa fa-history"></i></span></a></th>
      {{#hasFlagged}}
      <th title="Flagger"><span class="visible-lg visible-md">Flagger</span><span class="hidden-lg hidden-md"><i class="fa fa-flag"></i></span></a></th>
      {{/hasFlagged}}
    </tr>
  </thead>
  <tbody>
    {{#isAdmin}}
      {{#scriptList}}
      <tr class="tr-link">
        <td>
          {{#showSourceNotices}}<span class="pull-right"><i class="fa fa-fw fa-exclamation-triangle" title="Source Code notices"></i></span>{{/showSourceNotices}}
          {{#showSourceNoticesCritical}}<span class="pull-right"><i class="fa fa-fw fa-exclamation-circle" title="Critical Source Code notices"></i></span>{{/showSourceNoticesCritical}}
          {{#_issueCount}}<span class="pull-right"><a href="{{{scriptIssuesPageUri}}}/open" title="Open issue discussions"><i class="fa fa-fw fa-commenting"></i>{{_issueCount}}</a></span>{{/_issueCount}}
          <span class="script-icon hidden-xs" {{#icon16Url}}data-icon-src="{{{icon16Url}}}" data-icon-size="16"{{/icon16Url}}>
            {{#isLib}}<i class="fa fa-fw fa-file-excel-o"></i>{{/isLib}}{{^isLib}}<i class="fa fa-fw fa-file-code-o"></i>{{/isLib}}
          </span>
          <a href="{{{scriptPageUrl}}}" class="tr-link-a"><b>{{name}}</b></a>
          {{#meta.UserScript.version}}
          <span class="script-version label label-default">{{value}}</span>
          {{/meta.UserScript.version}}
          <span class="inline-block">by <a href="{{{author.userPageUrl}}}">{{author.name}}</a></span>
          {{#_description}}<p>{{_description}}{{#hasLongDescription}}<strong>&hellip;</strong>{{/hasLongDescription}}</p>{{/_description}}
        </td>
        {{^librariesOnly}}
        <td class="text-center td-fit">
          <p>{{#isLib}}&ndash;{{/isLib}}{{^isLib}}{{installs}}{{/isLib}}</p>
        </td>
        {{/librariesOnly}}
        <td class="rating text-center td-fit">
          <p>{{rating}}</p>
          <div class="progress">
            <div style="width: {{votesPercent}}%" class="progress-bar progress-bar-good"></div>
            <div style="width: {{flagsPercent}}%" class="progress-bar progress-bar-danger"></div>
          </div>
        </td>
        <td class="text-center td-fit">
          <time datetime="{{updatedISOFormat}}" title="{{updated}}" class="iconic">{{{updatedHumanizedIconic}}}</time>
        </td>
        {{#hasFlagged}}
        <td>
          <ul class="flaggedList">
          {{#flaggedList}}
            <li>
              {{#name}}<span class="label label-info"><a href="/users/{{name}}">{{name}}</a></span>{{/name}}
              <span title="{{since}}">{{#reason}}{{reason}}{{/reason}}{{^reason}}&hellip;{{/reason}}</span>
            </li>
          {{/flaggedList}}
          </ul>
        </td>
        {{/hasFlagged}}
      </tr>
      {{/scriptList}}
    {{/isAdmin}}
    {{^isAdmin}}
      {{#scriptList}}
      <tr class="tr-link">
        <td>
          {{#showSourceNotices}}<span class="pull-right"><i class="fa fa-fw fa-exclamation-triangle" title="Source Code notices"></i></span>{{/showSourceNotices}}
          {{#showSourceNoticesCritical}}<span class="pull-right"><i class="fa fa-fw fa-exclamation-circle" title="Critical Source Code notices"></i></span>{{/showSourceNoticesCritical}}
          {{#_issueCount}}<span class="pull-right"><a href="{{{scriptIssuesPageUri}}}/open" title="Open issue discussions"><i class="fa fa-fw fa-commenting"></i>{{_issueCount}}</a></span>{{/_issueCount}}
          <span class="script-icon hidden-xs" {{#icon16Url}}data-icon-src="{{{icon16Url}}}" data-icon-size="16"{{/icon16Url}}>
            {{#isLib}}<i class="fa fa-fw fa-file-excel-o"></i>{{/isLib}}{{^isLib}}<i class="fa fa-fw fa-file-code-o"></i>{{/isLib}}
          </span>
          <a href="{{{scriptPageUrl}}}" class="tr-link-a"><b>{{name}}</b></a>
          {{#meta.UserScript.version}}
          <span class="script-version label label-default">{{value}}</span>
          {{/meta.UserScript.version}}
          <span class="inline-block">by <a href="{{{author.userPageUrl}}}">{{author.name}}</a></span>
          {{#_description}}<p>{{_description}}{{#hasLongDescription}}<strong>&hellip;</strong>{{/hasLongDescription}}</p>{{/_description}}
        </td>
        {{^librariesOnly}}
        <td class="text-center td-fit">
          <p>{{#isLib}}&ndash;{{/isLib}}{{^isLib}}{{installs}}{{/isLib}}</p>
        </td>
        {{/librariesOnly}}
        <td class="rating text-center td-fit">
          <p>{{rating}}</p>
          <div class="progress">
            <div style="width: {{votesPercent}}%" class="progress-bar progress-bar-good"></div>
            <div style="width: {{flagsPercent}}%" class="progress-bar progress-bar-danger"></div>
          </div>
        </td>
        <td class="text-center td-fit">
          <time datetime="{{updatedISOFormat}}" title="{{updated}}" class="iconic">{{{updatedHumanizedIconic}}}</time>
        </td>
        {{#hasFlagged}}
        <td>
          <ul class="flaggedList">
          {{#flaggedList}}
            <li>
              {{#name}}<span class="label label-default">{{rank}}</a></span>{{/name}}
              <span title="{{since}}">{{#reason}}{{reason}}{{/reason}}{{^reason}}&hellip;{{/reason}}</span>
            </li>
          {{/flaggedList}}
          </ul>
        </td>
        {{/hasFlagged}}
      </tr>
      {{/scriptList}}
    {{/isAdmin}}
    {{^scriptList}}
    <tr class="tr-link">
      <td colspan="4">
        <em>{{scriptListIsEmptyMessage}}</em>
      </td>
    </tr>
    {{/scriptList}}
  </tbody>
</table>
